<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>TweetUp:{{TWEETUP.eventhandle}}:TweetActive</title>
        <link rel="stylesheet" href="http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css" type="text/css">
        <link rel="stylesheet" href="./style/main.css" type="text/css">
        <link rel="shortcut icon" href="/favicon.ico">
        <link rel="alternate" type="application/x-cooliris-quick" href="http://www.tweetactive.com/images/cooliris-quick.xml" />
        <link rel="stylesheet" href="./style/jquery-ui-1.7.1.custom.css" type="text/css" media="screen" />
        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAA6lxCmceN0yN-IV2EyJaUUBQZ0zudhXnEvlRbQLXwSBDUqc_RsBSUZo9_HaXOryvURnm_THnr4_Pgew"></script>
        <script type="text/javascript" src="http://www.google.com/jsapi"></script>
        <script type="text/javascript">
            google.load('visualization', '1', {packages: ['table']});
            google.load("jquery", "1.3.2");
            google.load("jqueryui", "1.7.1");
        </script>
        <script type="text/javascript">
            var map;
            var map_location_select;
            var gdir;
            var geocoder = null;
            var addressMarker;
            var defualt_location=new GLatLng(17.420425,78.479805)
            var user_list = {
                    cols: [{id: 'TwitterID', label: 'User', type: 'string'},
                        {id: 'Followers', label: 'Followers', type: 'number'},
                        {id: 'Friends', label: 'Friends', type: 'number'},
                        {id: 'TweetActive', label: 'TweetActiveIndex', type: 'number'},
                        {id: 'LocPref', label: 'Location Preference', type: 'string'},
                        {id: 'DateTime', label: 'Date/Time Preference', type: 'string'}
                    ],
                    rows:{{ROWS}}
                };
        </script>
        <script src="./js/tweetup.js" type="text/javascript"></script>
        <style>
            table.directions th {
                background-color:#EEEEEE;
            }
        </style>
    </head>
    <body onload="initialize()" onunload="GUnload()">
        <div id="doc2" class="yui-t7">
            <div id="hd" role="banner"><a href="./"><h1>Tweet<span>Active</span></h1></a></div>
            <div id="seperator"></div>
            <div id="bd" role="main">

                <div id="tabs">
                    <ul>
                        <li><a href="#tabs-main">TweetUp</a></li>
                        <li><a href="#tabs-people">People</a></li>
                        <li><a href="#tabs-join">Join</a></li>
                        <li><a href="#tabs-tweets">Tweets</a></li>
                        <li><a href="#tabs-map">How To Reach</a></li>
                    </ul>
                     <div id="tabs-main">
                         <h2><span>{{TWEETUP.eventhandle}}</span></h2>
                         <div>
                           {{TWEETUP.description}}
                         </div>
                         <h2>Date/Time</h2>
                         {{TWEETUP.date|date:"M d Y f A"}} <span style="color:blue;">({{MAX_VOTE_TIME}} Vote(s))</span>
                         <h2>Location</h2>
                         {{TWEETUP.location}} <span style="color:blue;">({{MAX_VOTE_LOC}} Vote(s))</span>
                     </div>
                    <div id="tabs-people">
                        <!-- <h2>People</h2> -->
                        <div id="People">

                        </div>
                        <br/>
                        <br/>
                        <p>
                        <a href="{{TWEETACTIVEINDEXURL}}">Compare TweetActiveness Of All</a>
                        </p>
                        <h3><span> CheatSheet</span></h3>
                        <a href="./cheatsheet?q={{QUERY}}">Click Here</a>
                    </div>
                    <div id="tabs-join">
                        <div id="Join">
                            <!-- <h2><span>Join</span></h2> -->
                            <form action="./tweetup" method="post">
                                <table style="text-align: left;font-size: 150%;">
                                    <tr>
                                        <th align="left">TwitterUserId:&nbsp;</th>
                                        <td>
                                            <input type="hidden" id="tag" name="tag" value="{{QUERY}}"/>
                                            <input type="text" size="25" id="twitteruserid" name="twitteruserid" value="Enter Your twitter ID"/>
                                            <div id="twitteruserid_status" style="font-size:50%;">

                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <br/>
                                    </tr>
                                    <tr>
                                        <th align="left">Location Pref:&nbsp;</th>
                                        <td>
                                            <!--
                                            <div id="location_select_canvas" style="width: 500px; height: 500px;font-size: 50%;">
                                            </div>
                                            -->
                                            <input type="text" size="25" id="locationpref" name="locationpref" value="Place,Area,City,Country"/>
                                            <div id="locationpref_status" style="font-size:50%;"></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th align="left">Date Preference:&nbsp;</th>
                                        <td>
                                            <input type="text" size="25" id="datepref" name="datepref" value="{{TWEETUP.date|date:"m/d/Y"}}"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th align="left">Time Preference:&nbsp;</th>
                                        <td>
                                            <select id="timepref" name="timepref">
                                                <option value="7" selected>07:00AM</option>
                                                <option value="8" selected>08:00AM</option>
                                                <option value="9" selected>09:00AM</option>
                                                <option value="10" selected>10:00AM</option>
                                                <option value="11" selected>11:00AM</option>
                                                <option value="12" selected>12:00PM</option>
                                                <option value="13" selected>01:00PM</option>
                                                <option value="14" selected>02:00PM</option>
                                                <option value="15" selected>03:00PM</option>
                                                <option value="16" selected>04:00PM</option>
                                                <option value="17" selected>05:00PM</option>
                                                <option value="18" selected>06:00PM</option>
                                                <option value="19" selected>07:00PM</option>
                                                <option value="20" selected>08:00PM</option>
                                                <option value="21" selected>09:00PM</option>
                                                <option value="22" selected>10:00PM</option>
                                                <option value="23" selected>11:00PM</option>
                                                <option value="00" selected>00:00AM</option>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input name="submit" type="submit" value="Join Now!" />
                                        </td>
                                    </tr>
                                </table>
                            </form>
                        </div>
                    </div>
                    <div id="tabs-tweets">
                        <div id="tweet">
                            <!-- <h2>Tweets</h2> -->
                           {{TWEETS}}
                        </div>
                    </div>
                    <div id="tabs-map">
                        <div >
                            <!-- <h2><span>Map</span></h2> -->
                            <form action="#" onsubmit="setDirections(this.from.value,this.to.value); return false">
                                <table>
                                    <tr>
                                        <th align="right">From:&nbsp;</th>
                                        <td>
                                        <input type="text" size="25" id="fromAddress" name="from" value="Hitech City, Hyderabad, Andhra Pradesh, India"/>
                                        <td>
                                        <th align="right">&nbsp;&nbsp;To:&nbsp;</th>
                                        <td>
                                    
                                       <input type="text" size="25" id="to" name="to" value="Barista, Jubille Hills,Hyderabad, India"/>
                                   
                                     
                                  
                                        <td>
                                    </tr>
                                    <tr>
                                        <td>
                                        <input name="submit" type="submit" value="Get Directions!" />
                                        <td>
                                    </tr>
                                </table>
                            </form>
                            <table class="directions">
                                <tr>
                                    <th>Formatted Directions</th><th>Map</th>
                                </tr>
                                <tr>
                                    <td valign="top">
                                    <div id="directions" style="width: 275px"></div>
                                    <td>
                                    <td valign="top">
                                    <div id="map_canvas" style="width: 610px; height: 400px"></div>
                                    <td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div id="seperator"></div>
            <div id="ft" role="contentinfo"><p>Mashup by: <a href="http://www.twitter.com/markandey">Markandey</a></p></div>
            <div>
                <script type="text/javascript"><!--
                    google_ad_client = "pub-4399838251921825";
                    /* tweetactive hawai */
                    google_ad_slot = "1825209420";
                    google_ad_width = 728;
                    google_ad_height = 90;
                    //-->
                </script>
                <script type="text/javascript"
                        src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
                </script>
            </div>
            <script type="text/javascript">
                var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
                document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
            </script>
            <script type="text/javascript">
                try {
                    var pageTracker = _gat._getTracker("UA-109368-4");
                    pageTracker._trackPageview();
                } catch(err) {}
            </script>
        </div>
        <script type="text/javascript">
            var uservoiceJsHost = ("https:" == document.location.protocol) ? "https://uservoice.com" : "http://cdn.uservoice.com";
            document.write(unescape("%3Cscript src='" + uservoiceJsHost + "/javascripts/widgets/tab.js' type='text/javascript'%3E%3C/script%3E"))
        </script>
        <script type="text/javascript">
            UserVoice.Tab.show({
                key: 'tweetactive',
                host: 'tweetactive.uservoice.com',
                forum: 'general',
                lang: 'en'
            })
        </script>
    </body>
</html>